<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib tagdir="/WEB-INF/tags/" prefix="util" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="core" %>

<util:template titulo="Agenda">
    <div class="row">        
        <div class="col-md-1"></div>
        <div class="col-md-10">
            <div class="page-header">

                <div class="pull-right form-inline">
                    <div class="btn-group">
                        <button class="btn btn-primary" data-calendar-nav="prev"><< Anterior</button>
                        <button class="btn" data-calendar-nav="today">Hoje</button>
                        <button class="btn btn-primary" data-calendar-nav="next">Pr&oacute;ximo >></button>
                    </div>
                    <div class="btn-group">
                        <button class="btn btn-warning" data-calendar-view="year">Anual</button>
                        <button class="btn btn-warning active" data-calendar-view="month">Mensal</button>
                        <button class="btn btn-warning" data-calendar-view="week">Semanal</button>
                        <button class="btn btn-warning" data-calendar-view="day">Di&aacute;rio</button>
                    </div>
                </div>
                <h3></h3>        
            </div>

            <div class="btn-group">
                <a class="btn btn-warning" href="intranet/compromisso/incluir">Novo compromisso</a>
            </div> 
            <!--barra da agenda-->
            <div class="container">                                      
                <!--agenda-->
                <div id="calendar">                
                </div>
            </div>
        </div>
    </div>    
    <div class="modal fade" id="events-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" id="botao-x" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title">Compromisso</h4>
                </div>
                <div class="modal-body" style="height: 450px; widht: 500px">                    
                </div>                
            </div>
        </div>
    </div>
    <link href="assets/img/dark_wood.png"/>
    <script type="text/javascript" src="components/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="components/underscore/underscore-min.js"></script>
    <script type="text/javascript" src="components/bootstrap3/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="components/jstimezonedetect/jstz.min.js"></script>
    <script type="text/javascript" src="assets/js/cal/language/pt-BR.js"></script>
    <script type="text/javascript" src="assets/js/cal/calendar.js"></script>
    <script type="text/javascript" src="assets/js/cal/app.js"></script>       
</util:template>